<template>
	<view class="ContentBox">
		<view class="MainBox">
			<view class="LogoBox">
				<image class="logo" src="/static/images/logo.png"></image>
			</view>
			<view class="title">「暖伴」</view>
			<view class="secondTitle">老人陪伴互助平台——让晚年不再孤单</view>
		</view>
		<image class="img" src="../../static/images/people1.png"></image>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad() {
			setTimeout(() => {
			      uni.navigateTo({
			        url: '/pages/loadingPage1/loadingPage1' 
			      });
			}, 3000);
		},
		methods: {

		}
	}
</script>

<style>
	.ContentBox{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100vw;
		height: 100vh;
		background-image: url(/static/images/bg3.jpg) ;
		background-repeat: no-repeat;
		background-size: cover;
		flex-direction: column;
		
	}
	.LogoBox{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.logo{
		width:55px;
		height: 55px;
	}
	.MainBox{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		margin-bottom: 10px;
		padding-bottom: 200px;
	}
	.LogoBox{
		width: 80px;
		height: 80px;
		background-color: white;
		border-radius: 20px;
	}
	.title{
		margin-top: 10px;
		color: #91693A;
	}
	.secondTitle{
		font-size: 13px;
		margin-top: 15px;
		color: goldenrod;
	}
	.img{
		position:absolute;
		height:300px;
		width: 350px;
		bottom: 0px;
	}
</style>
